簡介：Tab選項卡，作為網(wǎng)頁必不可少的展示功能，它的存在不僅可以在頁面中合理的展示內(nèi)容，也符合當(dāng)下實現(xiàn)無刷新異步展示數(shù)據(jù)的潮流，它和焦點(diǎn)圖輪回相比異曲同工，但本質(zhì)不同，希望通過這節(jié)既簡單有普遍的例子，我們一一剖析它的實現(xiàn)原理。
第1章 課程準(zhǔn)備
本章對Tab選項卡功能的演示和基礎(chǔ)知識的了解。
第2章 Tab選項卡的DOM結(jié)構(gòu)和CSS樣式的搭建
本章對Tab選項卡的DOM結(jié)構(gòu)進(jìn)行講解，頁面基本樣式重置，怎樣合理的設(shè)計對應(yīng)的DOM結(jié)構(gòu)。
第3章 聊聊OOP(面向?qū)ο?
本章節(jié)通過思維結(jié)構(gòu)圖對Tab選項卡進(jìn)行剖析和個人對怎樣封裝插件的看法和想法。
第4章 JS實戰(zhàn)
本章講解Tab選項卡的配置參數(shù)設(shè)計擴(kuò)展，事件綁定和功能實現(xiàn)。
第5章 更多用戶體驗和交互邏輯
本章講解多種用戶交互行為上的處理以及自動實現(xiàn)輪播。